<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/common.jsp"%>

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>通过邮箱找回密码</title>
<link rel="stylesheet" href="${url}/css/common.css" />
<link rel="stylesheet" href="${url}/css/register.css" />
<link rel="stylesheet" href="${url}/css/reset-password.css" />
<link rel="Shortcut Icon" href="${url}/img/favicon.ico">
</head>

<body>
	<div class="login-top">
		<a href="${url}/index.html"><div class="logo"></div></a>
	</div>

	<div class="register-bottom">
		<div class="login-bottom-text">-专注互联网职业机会-</div>
	</div>
	<div class="register-main">
		<div class="text-right">
			<a href="${url}/reset-pwd-by-phone.html" class="btn-link">通过手机号找回密码
				→</a>
		</div>

		<form action="${url }/pub/Pub/resetPasswordByEsmil.action?email="
			method="post">

			<div class="reset-box">
				<div class="wrap-email">
					<input type="text" name="newEmail" value="${newEmail }"
						placeholder="请输入注册时使用的邮箱地址" autofocus />
				</div>

				<div class="verification">
					<div class="verification-left">
						<input type="text" name="validateCode" placeholder="验证码" />
					</div>
					<div class="verification-right">
						<img src="${url }/kaptcha.jpg" title="看不清?点击切换一张"
							style="cursor: pointer; width: 130px; height: 43px;"
							onclick="changeValidateCode(this)">
					</div>
				</div>
				<div class="">
					<input type="submit" value="找回密码"
						style="width: 480px; height: 46px; cursor: pointer; line-height: 46px; text-align: center; background: #00B38A; color: white; border-radius: 2%; font-size: 18px; letter-spacing: 6px; padding-left: 10px; border: none; margin-top: 20px;" />
				</div>
				<div class="go-login">
					<a href="${url}/pub/Pub/tologinUI.action">转到登录界面？</a>
				</div>
			</div>
		</form>

	</div>
	<script src="${url }/vendor/jquery.min.js"></script>
	<script src="${url }/vendor/layer/layer.js"></script>
		<script type="text/javascript">
		function changeValidateCode(obj) {
			obj.src = '${url }/kaptcha.jpg?time=' + new Date().getTime();
		}
		
		$(function() {
			if ('${msg}') {
				layer.msg('${msg}', {
					icon : 5
				});
			}
		})
	</script>
</body>

</html>